<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		
		<title>多变形旋转图标</title>
		<link rel="stylesheet" href="style.css" />
	</head>
	<body>
		<div id="box">
			<ul>
				<li>
					<img src="images/1.png" width="80" height="80" alt="潭州C++课程" />
				</li>
				<li>
					<img src="images/2.png" width="80" height="80" alt="潭州Ps课程" />
				</li>
				<li>
					<img src="images/3.png" width="80" height="80" alt="潭州安卓课程" />
				</li>
				<li>
					<img src="images/4.png" width="80" height="80" alt="潭州Java课程" />
				</li>
				<li>
					<img src="images/5.png" width="80" height="80" alt="潭州SEO课程" />
				</li>
				<li>
					<img src="images/6.png" width="80" height="80" alt="潭州代码学院" />
				</li>
				<li>
					<img src="images/7.png" width="80" height="80" alt="潭州H5研究中心" />
				</li>
				<li>
					<img src="images/8.png" width="80" height="80" alt="潭州CAD课程" />
				</li>
				<li>
					<img src="images/9.png" width="80" height="80" alt="潭州DIY课程" />
				</li>
				<li>
					<img src="images/10.png" width="80" height="80" alt="潭州计算机课程" />
				</li>
				<li>
					<img src="images/11.png" width="80" height="80" alt="苹果图标" />
				</li>
				<li>
					<img src="images/12.png" width="80" height="80" alt="栏目图标" />
				</li>
				<li>
					<img src="images/13.png" width="80" height="80" alt="设置图标" />
				</li>
				<li>
					<img src="images/14.png" width="80" height="80" alt="铅笔图标" />
				</li>
			</ul>
		</div>
	</body>
</html>
